@media screen and (max-width: 600px){
  .s-main-layout{
    width: 100%;
    margin-top:1.12rem ;
    position: relative;
    .line{
      border-bottom:1px solid #EFF0F0;
    }
    .clearfix{
      zoom: 1;
    }
    .s-left{
      float: left;
      span{
        font-size: .12rem;
      }
    }
    .s-right{
      float: right;
    }
    .righttj{
      margin-right:.2rem;
    }
    .rightpl {
      margin-right: 20px;
    }
    .clearfix:before{
      content: "";
      display: block;
    }
    .clearfix:after{
      content: "";
      display: block;
      clear: both;
    }

    .onee{
      width: 100%;
      list-style: none;
      .s-article-items{
        padding:.24rem .2rem;
        margin-bottom: .18rem;
        .s-article-hd{
          margin-bottom: .18rem;
          .s-user-bd .avotar{
            height: .36rem;
            width: .36rem;
            border-radius:50%;
            overflow: hidden;
            float: left;
            margin-right: .1rem;
            img{
              width: 100%;
              border:none;
            }
          }
          .avinfo{
            float: left;
            line-height: normal;
            .date{
              color: #b3b3b3;
              font-size: .12rem;
            }
            .avname{
              font-size:.13rem;
              margin-bottom: .08rem;
              a{
                color:#27c4b5;
              }
            }
            .avdate{
              color:#b3b3b3;
              font-size: .12rem;
              max-width: 2.4rem;
            }
          }
          .s-class1 i{
            background: url(../images/green.png)no-repeat;
          }
          .s-class2 i{
            background: url(../images/yellow.png)no-repeat;
          }
          .s-class4 i{
            background: url(../images/red.png)no-repeat;
          }
          .s-class i{
            display: inline-block;
            width: .15rem;
            height: .15rem;
            margin-right: .08rem;
            background-size: 100%;
            vertical-align: text-bottom;
          }
          .s-class span{
            display: inline-block;
            font-size: .13rem;
            color: #b3b3b3;
          }

        }
        .s-article-bd{
          .s-article-img{
            width: 100%;
            margin-bottom:.26rem;
            a{
              display: block;
              max-width: 100%;
              height: auto;
              img{
              max-width: 100%;
                display: block;
              max-height: 1.58rem;
            }
              }

          }
          .s-article-tit{
            width: auto!important;
            font-size: 18px!important;
            margin-bottom: 12px!important;
            height: auto;
            font-weight: normal;
            line-height: normal;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            a{
              color:#202222
            }
          }
          .a-article-txt{
            color: #737373;
            font-size: .14rem;
            margin-bottom: .24rem;
            a{
              color: #737373;
            }
          }
        }
      .s-article-fd{
        color:#b3b3b3;
        font-size: .14rem;
        .s-left a span{
          color: #737373;
        }
        .s-share i{
          display: inline-block;
          width: .16rem;
          height: .16rem;
          margin-right: .08rem;
          cursor: pointer;
          vertical-align: sub;
        }
        .rightsc i{
          background: url(../images/sc.png) no-repeat center;
          background-size:cover;
        }
        .rightpl i{
          background: url(../images/pinlun.png) no-repeat center;
          background-size:cover;
        }
        .righttj i{
          background: url(../images/tuij.png) no-repeat center;
          background-size:cover;

        }

      }
      }
    }
    }


}